<template>
  <div class="owner-view">
    <div class="login">
      <van-cell is-link arrow-direction center to="/login">
        <template #title>
          <van-image
            round
            width="50px"
            height="50px"
            fit="cover"
            src="https://img.yzcdn.cn/vant/cat.jpeg"
          />
          <span class="custom-title">立即登录</span>
        </template>
      </van-cell>
    </div>
    <van-cell-group>
      <van-cell is-link icon="shop" arrow-direction to="/personInfo" title="个人资料"/>
      <van-cell is-link icon="bill" arrow-direction to="/pocket" :value="value" title="咖啡钱包"/>
      <van-cell is-link icon="coupon" arrow-direction value="6张" title="优惠券"/>
      <van-cell is-link icon="award" arrow-direction title="兑换优惠"/>
      <van-cell is-link icon="balance-list" arrow-direction title="发票管理"/>
      <van-cell is-link icon="like" title="帮助反馈"/>
    </van-cell-group>
    <div class="figure">
      <img src alt />
    </div>
  </div>
</template>

<script>
import loginOwner from "@/assets/login-owner.png";
export default {
  data() {
    return {
      loginOwner: loginOwner,
      value:"6张"
    };
  }
};
</script>
<style lang='less'>
.owner-view {
  .login {
    .van-cell {
      background-color: rgba(104, 68, 60, 1);
      padding-top: 50px;
      padding-bottom: 50px;
      padding-left: 15px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }
    .van-cell__title {
      display: flex;
      align-content: center;
    }
    .custom-title {
      line-height: 50px;
      margin-left: 10px;
      color: #ffffff;
      font-weight: bold;
      font-size: 16px;
    }
  }
  .van-cell-group {
    margin: 5px 5px 0 5px;
    border-radius: 8px;
    overflow: hidden;
  }
}
</style>
